<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.js"></script>
		<style>
			#box,#box1{
				width: 95%;
				position: relative;
				border: 2px #eee solid;
				text-align: center;
				margin: 40px auto;
			}
			img{
				width: 90%;
				padding: 10px 0;
			}
			h1{
				text-align: center;
			}
/* 			.btn{
				position: absolute;
				z-index: 1;
				cursor: pointer;
				background-color: aqua;
				font-weight: bold;
				padding: 5px;
				border-radius: 5px;
				animation: runer 3s infinite linear;
			}
			.btn1{
				left: 180px;
				top: 180px;
			}
			@keyframes runer{
				from{padding: 0;}
				to{padding: 5px;}
			} */
		</style>
	</head>
	<body>
		<div id="box">
			<h1>学校平面图</h1>
			<img src="img/4.jpg">
			
		</div>
		<div id="box">
			<h1>宿舍楼地图</h1>
			<img src="img/1.jpg">
			<!-- <div class="btn btn1">
				去5栋
			</div> -->
		</div>
		<div id="box1">
			<h1>教学楼地图</h1>
			<img src="img/2.jpg">
		</div>
	<!-- 	<script>
			$('.btn1').click(function(){
				$(location).attr('href', './index.html');
			})
		</script> -->
	</body>
</html>
